<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>Luxury Wallpaper</title>
<meta name="author" content="TACO" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link rel="apple-touch-icon" href="icon.png" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script>
	var $list;


	$(document).ready(function() {
		
		json_url = "http://picasaweb.google.com/data/feed/api/user/snluxurywallpaper@gmail.com?alt=jsonc&max-results=100";
		More();
	});
	



	
	function More()
	{
		var response = "";
		
		$list = $("#list");

		$.getJSON(json_url + "&start-index=1", function(data)
		{
			$.each(data.data.items, function(i, item) 
			{  

				response += '<li>';						
				response += '<a href="sub_temp.html#' + item.id + '"><img src="' + item.media.image.url + '"></a><br>' + item.title;
				response += '</li>';
    		});
    		
			$(response).appendTo($list);

		});
	}
	
	$(function(){  
		$("#layer").css("opacity",0.8);
		$(".pop_btn").click(function() {
		   $("#layer,#popup").show(); 
		});
		    
		$("#layer,#popup").click(function() {
		   $("#layer,#popup").hide(); 
		});
	}); 
</script>
<style>
#layer { width:100%; height:100%; background:black; position:absolute; left:0; top:0; z-index:100; display:none; }
#popup{width:280px; height:280px; border-radius:20px; background-color: #433338; position: absolute; top:100px; left:50%; margin-left:-140px; z-index: 101; -webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3); display:none}	
#popup p{color:#fff; padding:0 15px; text-align: center; line-height: 1.5; font-size: 14px;}
#popup img{width:80px; height:auto; border-radius:20px;}	
</style>
</head>
<body>
	<div id="layer"></div>
	<div id="wrap">
		 <ul id="list"></ul>
	</div>
<script>
//adr bar hidden 
window.addEventListener('load', function() {
setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>
</body>
</html>
